/*样式初始化及公共样式部分*/
*{ margin:0px; padding:0px; }
body{ color:#333; font-size:13px; margin:0 auto; background-color:#fff; font-family:"Microsoft YaHei"; overflow-x:hidden; }
a{ color:#333; text-decoration:none; }      /*定义全局链接颜色*/
a:hover{ color:#223a88; transition:0.3s all; }      /*定义全局链接鼠标滑过颜色*/
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0px; padding:0px; list-style:none; border:0px; }    /*主要标签的样式初始化*/
address, caption, cite, code, dfn, em, strong, th, var, optgroup, i{ font-style: inherit; font-weight: inherit; }

.cl{ clear: both; height:0px; }  /*清除左右浮动*/
.fl{ float:left; }     /*定义左浮动*/
.fr{ float:right; }     /*定义右浮动*/
#copy{ display:none; }      /*隐藏后台自带版权DIV*/
.page{ width:1300px; margin:0 auto; height:auto; overflow:hidden; }
.page1{ width:1300px; margin:0 auto; }
.box,.news,.footer1{ width:1300px; margin:0 auto; height:auto; overflow:hidden; }    /*定义版面统一宽度*/
.top20{ margin-top:20px; }    
.top30{ margin-top:30px; }
.top40{ margin-top:40px; }
.top50{ margin-top:50px; }
.top60{ margin-top:60px; }
.top65{ margin-top:65px; }
.clear {clear:both; height:0; overflow:hidden; display:block;}
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }

/*欢迎开始*/
.hy { background: #f4f4f4; height: 46px; }
.hy_l { font-size: 14px; color: #999; line-height: 46px; }
.hy_l a {font-size: 14px;color: #999;}
.hy_l a:hover {color: #233a88;}
.hy_you { position: relative; float: right; font-size: 14px; }
.hy_you ul li{ background: url(../images/20210113151800_690475823.png)no-repeat left;color: #999; padding-left:30px;   float: left; margin-left:20px; line-height: 46px;    position: relative;}
.hy_you li em img {position: absolute;top: 50px;left: -6px;z-index: 9999;opacity: 0;visibility: hidden;transition: 0.3s all;border: 1px solid #eee;display: block;height:135px; width:135px;}
.hy_you li:hover em img { visibility: visible; opacity: 1; top: 41px; transition: 0.3s all; }
/*欢迎结束*/

/*抬头*/  
.hsecond{ padding:40px 0; }
.hlogo p { margin-left: 24px; font-size: 42px; color: #343434; font-weight: bold; margin-top: 4px; }
.hlogo p em { display: block; font-size: 12px; font-weight: lighter; text-transform: uppercase; letter-spacing: 1px; color: #999; font-family: arial; }
.hline { width: 1px; height: 52px; margin: 18px 25px; background: #b5b5b5; background: linear-gradient(to bottom,#f2f2f2,#b5b5b5,#f2f2f2); }
.hmean { font-size: 16px; color: #9fa19f; font-weight: lighter; }
.hmean strong { display: block; font-size: 24px; font-weight: bold; color: #233a88; margin: 14px 0 5px 0; }
.hul{ margin:15px 0 0 45px; }
.hul li{ float:left; padding:0 25px; font-size:14px; color:#999999; border-right:1px dotted #efeeed; transition: 0.3s all;}
.hul li:hover {margin-top: -6px; transition: 0.3s all;}
.hul li span{ display:block; height:40px; text-align:center; }
.hul li:last-child {border-right: 0px;}
.hconcat { text-align: right; font-size: 28px; color: #233a88; line-height: 32px; margin-top: -11px; }
.hconcat p { letter-spacing: 0.5px; }
.hconcat img{ display:block; margin-top:10px; }
.hconcat span{ font-size:13px; color:#999; padding-left:24px; background:url(../images/20210114090213_1929775347.png) no-repeat left center; }


/*导航*/
.nav { font-size: 0; position: relative; background: #233a88; border-bottom: 3px #182d75 solid; }
.nav li{ display:inline-block; vertical-align:top; text-align:center; width:11.1%; }
.nav li>a { line-height: 64px; display: block; font-size: 15px; position: relative; color: #fff; height: 60px; }
.nav li>a i:after { content: ''; position: absolute; width: 1px; height: 16px; border-left: 1px dashed #5772cc; right: 0; top: 3px; bottom: 0; margin: auto 0; }
.nav li:nth-child(1)>a i:before { content: ''; position: absolute; width: 1px; height: 16px; border-left: 1px dashed #5772cc; left: 0; top: 3px; bottom: 0; margin: auto 0; }
.nav li>a:after{ content:''; display:block; position:absolute; width:0; height:4px; background:#f48221; transition:all .3s ease; bottom:-3px; left:0; right:0; margin:0 auto;}
.nav li:hover>a:after,.nav li.cur>a:after{ width:80%;}
.dropmenu{ position:absolute; width:100%; left:0; background:rgba(0,0,0,0.6); top:110%; opacity:0; visibility:hidden; transition:all .6s ease; z-index:333; padding:10px 0; text-align:center;}
.dropmenu table td table{ display:none;}
.dropmenu a,.dropmenu table td a{ display:inline-block;  line-height:40px; color:#fff;font-size:16px;}
.dropmenu a+a{ margin-left:100px;}
.dropmenu table,.dropmenu table tbody{ width:100% !important; display:block;}
.dropmenu table tr{ display:inline-block;}
.dropmenu a:hover{color:#f78120;}
.dropmenu table tr+tr{ margin-left:25px;}
.nav li:hover .dropmenu{ top:105%; opacity:1; visibility:visible;}

/*幻灯片开始*/
.banner-box{ min-width:1300px; height:700px; position:relative; overflow:hidden; background:#eee; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:700px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn{ width: 100%; position: absolute; top: 277px; left: 0; margin-left: 0; height:409px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; }
.banner-btn a.prev{ left:-50px; background:url(../images/20210114090244_1633040122.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20210114090244_1633040122.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center; }
.banner-box .hd ul li{ width:100px; height:6px; text-indent:-9999px; background:#ccc; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; }
.banner-box .hd ul li.on{ background:#042d7c; width: 100px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }



/*搜索*/
.search_bg { width:100%; height:80px; line-height:80px; color:#444444; border-bottom:1px solid #eee; }
.search_l{ color:#777777; font-size:14px; width:920px; }
.search_l span {color: #444444;font-size: 14px;display: block;float: left;font-weight: bold;background: url(../images/20210113164252_1727484612.png) no-repeat left 28px;padding-left: 28px;}
.search_l a{ font-size:14px; color:#333; padding:0 4px; }
.search_l a:Hover {color: #233a88;}
.search_r{ width:321px; padding-top:17px; }
.search-bg{ width:270px; }
#infoname {color: #ccc;outline: none;height: 48px;line-height: 48px;width: 390px;background: #f6f6f6;padding-left: 20px;}
.search-i{ width:39px; display: block;padding-top: 12px;}
.search-bg input { margin:0px; padding:0px; list-style:none; border:0px; }



/*产品中心*/
.bt { text-align: center; margin: 0 auto; font-size: 42px; font-weight: bold; color: #333; }
.bt span { color: #233a88; }
.bt p { font-size: 19px; color: #666; margin: 12px 0 21px; font-weight: normal; }
.bt em { display: block; width: 35px; height: 4px; background: #f08800; margin: 0 auto; }

/*特点*/
.proadv .bt p { font-size: 16px; line-height: 25px; }
.proadv .bt span {color: #f48221;}
.proadv .bt em { display: none; }
.proadv { height: 892px; background: url(../images/dfb6158bc87f1c748d815be20321c464733ab8dc.jpg) no-repeat center; padding-top: 68px; }
.paul{ margin-top:120px;}
.paul li{ width:360px;}
.paul li.fr{ text-align:right;}
.paul li pawa{ width:320px;}
.paul li dl:nth-child(1){ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e2e7ed;}
.patop{ font-size:0; margin:0 0 25px 7px;}
.patop p{ display:inline-block; vertical-align:middle; font-size:24px; color:#44484a;}
.patop span{ display:block; border-radius:50%; background:#233a88; position:relative; z-index:3;}
.patop p em{ display:block; text-transform:uppercase; font-size:13px; color:#a9aeb1; margin-top:5px;}
.patop p+p{ margin-left:26px;}
.pcwa{ font-size:15px; color:#8a8d8f; line-height:30px; width:330px;}
.paicon{ position:relative;    animation: rotation 2s linear infinite;}
.paicon:after{ content:''; display:block; position:absolute; width:80px; height:80px; background:rgba(0,88,184,.16); top:-7px; left:-7px; border-radius:50%;} 
.paul li dl:hover .patop p{ color:#233a88;}


/* 案例 */
.case { font-family: "Microsoft Yahei"; padding: 70px 0 0; background: #f6f6f6; height:860px;}
.case_t{ height: 94px; font-size:18px; line-height: 55px; text-align: center; color: #333; }
.case_t li{ float: left; width:243px; height: 55px; margin: 0 0 25px 18px; border: solid 1px #c1c1c1; border-radius: 4px; }
.case_t li:nth-child(5n-4){ margin-left: 0; }
.case_t li span{ display: inline-block; }
.case_t li.cur{ background: #1f386e; border-color: #1f386e; color: #fff; }
.case_t li.cur span{ background-position: 0 -37px!important; }
.case_c{ height: 432px; }
.case_c dl{ position: relative; z-index:2; }
.case_c dl:before { content: ""; position: absolute; width: 100%; height: 130px; bottom: 0; left: 0; z-index: 0; background: #000; opacity: 0.6; }
.case_c dl,.case_c dt,.case_c dt img{ width: 1300px; height:470px; display: block; overflow: hidden; }
.case_c dd { position: absolute; left: 50px; bottom: 0; color: #fff; font-size: 16px; width: 1200px; height: 110px; line-height: 24px; }
.case_c dd h3 { display: block; font-size: 22px; line-height: 34px; margin-bottom: 8px; }
.case_c dd h3 a{ color: #fff;   font-size: 18px;}
.case_c dd p a{ color: #f48221; }

.fangan { display: inline-block; width: 243px; height: 55px; margin: 0 0 25px 18px; border: solid 1px #c1c1c1; border-radius: 4px;     font-size: 18px;}





/*四大优势*/
.adv .bt {color: #fff;}
.adv .bt p { color: #eee;}
.adv{ height:920px; background:url(../images/3387a00572fd308d85f59555a3869cdca39430e3.jpg) no-repeat center; padding-top:65px;}
.adv .title{ color:#fff;}
.adv .title span{ color:#b3cce6;}
.adv .title:after{ background:url(../images/20210115100155_2055858765.png) no-repeat center;}
.advcenter{ padding:40px; background:#f1f9ff; margin-top:35px; box-sizing:border-box;}
.advtab{ font-size:0; margin:0 0 34px 0;}
.advtab li { position: relative; transition: all .3s ease; font-size: 30px; color: #fff; display: inline-block; vertical-align: top; width: 290px; height: 116px; background: #3c5dcc; cursor: pointer; }
.advtab li+li{ margin-left:20px;}
.advtab li em{ display:block; font-size:14px; color:#849eb1; text-transform:uppercase; margin-top:3px; transition:all .3s ease;} 
.advtab li p{ padding:27px 0 0 95px;}
.advtab li i{ position:absolute; width:59px; height:52px; top:0; bottom:0; margin:auto 0; left:29px; background:url(../images/20210115100155_1313368597.png) no-repeat left top; transition:all .3s ease;}
.advtab li:nth-child(2) i{ background-position-x:-72px;}
.advtab li:nth-child(3) i{ background-position-x:-145px;}
.advtab li:nth-child(4) i{ background-position-x:-237px;}
.advtab li.on{ background:#f08800; color:#fff;}
.advtab li.on em{ color:#f9b154;}
.advcon .advleft{ width:540px; margin-top:25px;}
.adv_t{ height:90px; position:relative; padding-left:110px; font-size:22px; color:#8e9498; padding-bottom:37px; border-bottom:1px solid #e7eef6;}
.adv_t b{ font-size:32px; color:#0058b8; display:block; padding:10px 0 5px 0;}
.adv_t span{ width:88px; line-height:90px; text-align:center; background:url(../images/6aabbf1c3bc0ee23315e01ea19b75c6622a57f2e.png) no-repeat center; font-size:46px; color:#fff; font-family:impact; display:block; position:absolute; left:0; top:0;}
.adv_c p{ font-size:15px; color:#8e9498; line-height:38px; padding-left:30px; background:url(../images/20210115100155_69550828.png) no-repeat 0 15px;}
.adv_c{ margin:35px 0 45px 0;}
.adv_phone{ padding-left:42px; font-size:16px; color:#8e9498; background:url(../images/20210115100155_288798701.png) no-repeat left center;}
.adv_phone span{ font-size:30px; color:#343b40; font-family:Arial, Helvetica, sans-serif; padding-left:15px; vertical-align:sub;}


/*简介*/
.jj { background: url(../images/a0ec167e1e9ab99ac674174cd9ddb99fd41e6539.jpg) no-repeat center; min-width: 1300px; height: 608px; margin-top: 80px; }
.jj em img { margin-top: 70px; }
.jj_w { margin-left: 42px; width: 716px; }
.jj_w p { font-size: 24px; font-weight: bold; color: #333; margin-top: 58px; }
.jj_w span { font-size: 15px; line-height: 36px; color: #666; margin-top: 34px; display: block; }
.jj_w a { font-size: 16px; display: block; color: #f08800; width: 156px; line-height: 45px; text-align: center; background: #fff; border: 1px solid #dddddd; margin-top: 33px; transition: 0.2s all; }
.jj_w a:hover { background: #f08800; color: #fff; transition: 0.2s all; }

/*新闻中心1开始*/
.new1 { padding-top:50px; padding-bottom:40px; min-width: 1300px; }
.new1_2 img { padding-top: 75px; }

.new1_l .news_div { position: relative; height: 245px; margin-top: 97px; }
.new1_l .news_div_item_pic { width: 350px; height: 245px; overflow: hidden; display: block; position: absolute; left: 0px; top: 0px; border-radius: 0 22px 0 22px; }
.new1_l .news_div_item_image { position: absolute; left: 0px; top: 0px; width: 350px; height: 245px; border-radius: 0 22px 0 22px; transition: 0.5s all; }
.new1_l .news_div:hover .news_div_item_image { transform: scale(1.1); transform:0.5s all; }

.new1_l .news_div_item_content { margin-left: 392px; width: 467px; padding-top: 18px; }
.new1_l .news_div_item_a { font-size: 20px; color: #000; }
.new1_l .news_div:hover .news_div_item_a { color: #f08800; }
.new1_l .news_div_item_body { font-size: 15px; color: #666; margin-top: 60px; line-height:33px;}

.new1_l .news_div_item_date { position: absolute; left: 392px; top: 192px; font-size: 15px; color: #999; font-family: airal; width: 92px; }
.new1_l .news_div_item_year { float: left; display: block; }
.new1_l .news_div_item_month { float: left; display: block; }

.new1_l .news_div_item_title a:after { content: ""; display: block; background: #233a88; width: 120px; height: 6px; position: absolute; top: 70px; left: 321px; z-index: 9; }
.new1_l .news_div_item_title:before { content: ""; display: block; background: #f08800; width: 0; height: 6px; position: absolute; top: 70px; left: 321px; z-index: 99; transition: 0.5s all; }
.new1_l .news_div:hover .news_div_item_title:before { width: 120px; transition: 0.5s all; }
/*新闻中心1结束*/

/*新闻中心2开始*/
.news_bg { background: url(../images/20210115102451_1086719491.jpg) no-repeat center; min-width: 1300px; height: 652px; }
.newstab { text-align: center; }
.newstab a { display: inline-block; background: #333; color: #fff; width: 180px; line-height: 55px; margin: 0 auto; font-size: 18px; font-weight: bold; border-radius: 0 15px 0 15px; }
.newstab a+a { margin-left: 16px; }
.newstab .on { background: #233a88; }

.nbcr_ri .nbc_list {padding: 0 7px;}
.nbcr_ri .news_div_item { width: 380px; height: 134px; float: left; position: relative; margin-bottom:44px; }
.nbcr_ri .news_div_item:nth-child(2), .nbcr_ri .news_div_item:nth-child(5), .nbcr_ri .news_div_item:nth-child(8) { margin: 0 70px; }
.nbcr_ri .news_div_item:nth-child(n+7) { margin-bottom: 0px; }
.nbcr_ri .news_div_item_date { position: absolute; width: 96px; bottom: 4px; left: 0px; font-size: 15px; color: #333; font-family: arial; }
.nbcr_ri .news_div_item_year { float: left; }
.nbcr_ri .news_div_item_month { float: left; }
.nbcr_ri .news_div_item_a { font-size: 16px; color: #000; transition: 0.2s all; position: relative; z-index: 99; }
.nbcr_ri .news_div_item:hover .news_div_item_a { color: #233a88; transition: 0.2s all; }
.nbcr_ri .news_div_item_a:after { content: ""; display: block; position: absolute; width: 380px; height: 134px; top: 0px; left: 0px; }
.nbcr_ri .news_div_item_body { font-size: 14px; color: #999; line-height: 30px; margin-top: 18px; }
.nbcr_ri .news_div_item_title:before { content: ""; position: absolute; width:0px; height: 4px; background: #f08800; left: 0px; top: 17px; z-index: 3; transition: 0.5s all; }
.nbcr_ri .news_div_item:hover .news_div_item_title:before { width: 130px; transition: 0.5s all; }
/*新闻中心2结束*/

/*版权*/
.copyright{ background:#222222;}
.crconcat { padding: 40px 0 50px 0; border-radius: 0 0 50px 50px; background: #333333; height: 55px; }
.crconcat li{ float:left; height:55px; font-size:16px; color:#a8a8a8; padding:0 70px;}
.crconcat li+li{ border-left:1px solid #404040;}
.crconcat li span{ display:block; font-size:18px; color:#f2f2f2; line-height:30px; margin-bottom:10px; padding-left:45px; background:url(../images/20210115091954_863080952.png) no-repeat left center;}
.crconcat li:nth-child(2) span{background:url(../images/20210115091954_2120378679.png) no-repeat left center;}
.crconcat li:nth-child(3) span{background:url(../images/20210115091843_1434350521.png) no-repeat left center;}
.crconcat li:nth-child(2){ font-size:14px;}
.crconcat li a{ display:block; box-sizing:border-box; width:174px; height:49px; border-radius:25px; border:1px solid #666666; font-size:16px; color:#f2f2f2; line-height:47px; text-align:center;}
.crconcat li a i{ display:inline-block; width:20px; height:22px; background:url(../images/20210115091954_1208155631.png) no-repeat center; margin-right:17px; vertical-align:sub;}
.crconcat li a:hover{ box-shadow:0 0 5px #fff;}
.crcon{ padding:60px 0;}
.kslj p,.code p{ font-size:20px; color:#eeeeee; margin-bottom:20px;}
.kslj a{ display:block; font-size:14px; color:#999999; font-weight:lighter; line-height:30px;}
.kslj a:hover{ color:#fff;}
.kslj li{ float:left; padding:0 48px; height:205px; border-right:1px dashed #333333;}
.kslj li:nth-child(1){ padding-left:0;}
.code dl{ float:left; text-align:center; font-size:13px; color:#999999; font-weight:lighter;}
.code dl img{ margin-bottom:10px; width:118px; height:118px; display: block;}
.code dl+dl{ margin-left:22px;}
.links{ line-height:111px; font-size:18px; color:#bbbbbb;}


.linkTagcs li {  list-style: none; margin: 0px; padding-right: 10px;  line-height: 36px  !important; float: left;}


.end{ background:#233a88; padding:15px 0px;}
.end,.end a{ font-size:13px; color:#dadff0; font-weight:lighter; line-height:35px;} 
.end a:hover{ color:#fff;}

@media (max-width: 1024px) {
.bt{font:600 18px/40px "Microsoft yahei";}
.proadv .bt p{ display: none;}
.proadv{ background: #dfdbdb; padding-top: 10px; height:auto;}
.paul{ margin-top: 30px;}
.page1{ width: 100%; background: #f2f2f2; padding: 10px;}
.paul li{ width: 50%;}
.paicon{ width: 34%; display: none !important;}
.patop p{ font-size: 14px; font-weight: bold;}
.paicon2{ width: 60%;}
.pcwa{ width: 90%; font-size:12px; line-height:22px;}
.patop p + p{ margin-left: 0px;}
.patop p em{ display: none;} 
.paul li.fr{ text-align: left;}

.bt p{ font-size: 14px; line-height: 20px;}
.case_t a{ display: none;}
.case_t li{ width: 42%; margin:0 0 15px 15px}
.case_t li:nth-child(5n-4){ margin-left: 15px;}
.case_t li span{ font-size: 14px;}

.case,.adv{ display: none;}
.x-apply{ display: block;}

.jj{min-width:auto; height: auto; margin-top:0px;}
.page{ width: 100%;}
.jj_w{ width: 80%; margin: auto;}
.new1{min-width:auto; padding-bottom:10px;padding-top:30px;  }
}